<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>fkjkfis</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>
    <link rel="import" href="view/common/head.html?__inline">
    <div class="main">

        <ul class="nav nav-tabs">
            <li class="active"><a data-tab href="#tabContent1">标签1</a></li>
            <li><a data-tab href="#tabContent2">标签2</a></li>
            <li><a data-tab href="#tabContent3">标签3</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tabContent1">
                <link rel="import" href="view/user/aa.html?__inline">
            </div>
            <div class="tab-pane" id="tabContent2">
                <p>标签2的内容。</p>
            </div>
            <div class="tab-pane" id="tabContent3">
                <p>这是标签3的内容。</p>
            </div>
        </div>




        <!--前端领域语言能力扩展示例-->

        <h4>在html中定位资源</h4>
        <blockquote>详情请查看源码以及编译后的代码</blockquote>

        <!--源码：
        <img title="百度logo" src="images/logo.gif"/>

        编译后-->
        <img title="百度logo" src="images/user/logo.gif" />

        <!--源码：
        <link rel="stylesheet" type="text/css" href="demo.css">

        编译后-->
        <link rel="stylesheet" type="text/css" href="css/demo.css">

        <!--源码：
        <script type="text/javascript" src="demo.js"></script>

        编译后-->
        <!--<script type="text/javascript" src="js/demo.js"></script>-->






        <h4>在html中嵌入资源</h4>
        <blockquote>详情请查看源码以及编译后的代码</blockquote>

        <!--源码：
        <img title="百度logo" src="images/logo.gif?__inline"/>

        编译后-->
        <img title="百度logo" src="images/user/logo.gif?__inline" />

        <!--源码：
        <link rel="stylesheet" type="text/css" href="demo.css?__inline">

        编译后-->
        <link rel="stylesheet" type="text/css" href="css/demo.css?__inline">

        <!--源码：
        <script type="text/javascript" src="demo.js?__inline"></script>

        编译后-->
        <!--<script type="text/javascript" src="js/demo.js?__inline"></script>-->






        <h4>在javascript中定位资源</h4>
        <blockquote>详情请查看源码以及编译后的代码</blockquote>

        <!--源码：
        <script type="text/javascript">
            var img = __uri('images/logo.gif');
            var css = __uri('demo.css');
            var js = __uri('demo.js');
        </script>

        编译后-->
        <script type="text/javascript">
            var img = __uri('images/user/logo.gif');
            var css = __uri('css/demo.css');
            // var js = __uri('js/demo.js');
        </script>






        <h4 id="aa">在javascript中嵌入资源</h4>
        <blockquote>详情请查看源码以及编译后的代码</blockquote>

        <!--源码：
        <script type="text/javascript">
            __inline('demo.js');
            var img = __inline('images/logo.gif');
        </script>

        编译后-->
        <script type="text/javascript">
            $("#aa").html("sdfsdf")

            // __inline('js/demo.js');
            var img = __inline('images/user/logo.gif');
        </script>






        <h4>在css中定位资源</h4>
        <blockquote>详情请查看源码以及编译后的代码</blockquote>

        <!--源码：
        <style>
            @import url('demo.css');
            .style {
                background: url('images/body-bg.png');
                _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png');
            }
        </style>

        编译后-->
        <style>
            @import url('css/demo.css');
            .style {
                background: url('images/body-bg.png');
                _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png');
            }
        </style>






        <h4>在css中嵌入资源</h4>
        <blockquote>详情请查看源码以及编译后的代码</blockquote>

        <!--源码：
        <style>
            @import url('demo.css?__inline');
            .style {
                background: url('images/logo.gif?__inline');
                /*filter不支持base64，所以没做处理*/
                _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png?__inline');
            }
        </style>

        编译后-->
        <style>
            @import url('css/demo.css?__inline');
            .style {
                background: url('images/user/logo.gif?__inline');
                /*filter不支持base64，所以没做处理*/
                _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/body-bg.png?__inline');
            }
        </style>


    </div>


</body>

</html>